<template>
  <div class="staff-container">
    <van-cell value="家政平台" class="colss">
    </van-cell>
    <van-form action="/">
     <van-search
    v-model="value"
    background="#3f51b5"
    placeholder="智能匹配"
    size='mini'
    @click='aaa'
/>
<van-dropdown-menu>
  <van-dropdown-item v-model="value1" :options="shuju" />
</van-dropdown-menu>
    </van-form>
    <van-from>
      <van-button type="default" round>默认按钮</van-button>
      <van-button type="default" round>默认按钮</van-button>
      <van-button type="default" round>默认按钮</van-button>
      <van-button type="default" round>默认按钮</van-button>
      <van-button type="default" round>默认按钮</van-button>
      <van-button type="default" round>默认按钮</van-button>
      <van-button type="default" round>默认按钮</van-button>
      <van-button type="default" round>默认按钮</van-button>
    </van-from>
  </div>
</template>

<script>
export default {
  name: 'StaffContainer',
  components: {},
  props: {},
  data () {
    return {
      value: '', // 控制搜索框中的文字
      value1: 0,
      shuju: [
        { text: '长沙 ', value: 0 },
        { text: '新款商品', value: 1 },
        { text: '活动商品', value: 2 }
      ]
    }
  },
  computed: {},
  watch: {},
  created () {},
  mounted () {},
  methods: {
    aaa () {
      console.log(111)
    }
  }
}
</script>
<style scoped lang='less'>
  .colss {
  background-color:#3f51b5;
}
  .van-cell__value--alone {
  color: #fff;
}
  .colaa {
  background-color:#3f51b5;
}
  .van-form {
  display: flex;
  flex: 1;
  background-color:#3f51b5;
  height: 50px;
  // flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  // justify-content:space-around;  position: absolute;
  align-items: start;
   .van-search{
    display: flex;
    width: 500px;
    height: 25px;
    margin: 10px;
  }
   .van-cell {
    padding: 0;
  }
   .van-dropdown-menu {
    margin-right: 20px;
    background-color:#3f51b5;
    padding: 0;
    .van-dropdown-menu {
    background-color: #3f51b5;
    color: #fff;
  }
  }
  /deep/.van-dropdown-menu__bar {
    background-color:#3f51b5;
    color: #fff;
    /deep/.van-ellipsis {
      color: #fff;
    }
  }
}
</style>
